<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-14 14:17:38
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-04-27 19:39:30
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\vehicle\\components\\list\\carauth\\carauth.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<div class="modal-header">
    <div class="modal-title">添加车辆</div>
</div>
<!-- <nz-spin *ngIf="!i" class="modal-spin"></nz-spin> -->
<div class="sfBox">
    <sf #sf [compact]="true" [ui]="ui" [schema]="schema" [button]="'none'" *ngIf="schema" [formData]="detailData">
        <ng-template sf-template="tipsA" let-me let-ui="ui" let-schema="schema">
            <div class="pr">
                <dl class="tips">
                    <dt>行驶证首页</dt>
                    <dd>示例</dd>
                </dl>
                <div class="pa"><img width="190" src="/assets/images/vehicle/driverfront.png" /></div>
            </div>
        </ng-template>
        <ng-template sf-template="tipsB" let-me let-ui="ui" let-schema="schema">
            <div class="pr">
                <dl class="tips">
                    <dt>行驶证副页</dt>
                    <dd>示例</dd>
                </dl>
                <div class="pa"><img width="190" src="/assets/images/vehicle/driverback.png" /></div>
            </div>
        </ng-template>
        <ng-template sf-template="roadImg" let-me let-ui="ui" let-schema="schema">
            <img height="104" src="/assets/images/vehicle/road.png" class="borderImg" />
        </ng-template>
        <ng-template sf-template="agreeImg" let-me let-ui="ui" let-schema="schema">
            <img height="104" src="/assets/images/vehicle/agreement.png" class="borderImg" />
        </ng-template>
        <div #aaa style="position: absolute; top: 87.5%; left: 21%; opacity: 0; ">
            <div style="color: #0c77e7;" (click)='view()'>点击查看行政区域代码</div>
        </div>
    </sf>
    <img class="drivercard borderImg" height="104" src="/assets/images/vehicle/car.png" />
</div>
<div class="modal-footer">
    <button nz-button type="button" (click)="close()">关闭</button>
    <button nz-button type="button" nzType="primary" (click)="submitForm()"
        [disabled]="!(sf?.valid && i.flag !== 'view')" [nzLoading]="service.http.loading">确定</button>
</div>